body {
margin:0;
padding:0;
}

.header {


}

.header li {

list-style:none;

}



.header li a{
display:block;
float:right;
width:150px;
height:40px;
color:black;
line-height:40px;
text-align:center;
text-decoration:none;
background-color:#f0f0f0;
}

.header li a:hover {
background-color:green;
color:white;
font-weight:bold;
}


.side_bar {

position:fixed;
float:left;
width:13%;
background-color:#ffdead;
border:1px dashed red;
height:100%;
}

.side_bar li {

list-style:none;

}
.side_bar li a {

font-size:20px;
text-decoration:none;
line-height:60px;
display:block;
text-align:center;
width:100px;
padding:0 10px;
margin-left:-20px;
}

.side_bar li a:hover {

background-color:blue;
color:white;
border-radius:10px;

}

.side_bar .login_div {

width:158px;
height:150px;
border:1px dashed blue;
padding-top:30px;

}

.side_bar .login_div input[type="text"],input[type="password"] {

width:150px;
height:40px;
font-size:20px;
color:#282828;
margin-top:5px;
padding-left:3px;
border-radius:10px;
}

.side_bar .login_div input[type="text"]:hover,input[type="password"]:hover {

background-color:#bfefff;
border-radius:10px;
}


.main .left {

width:60%;
height:auto;
border:1px dashed green;
margin-top:10px;
margin-left:13.5%;
float:left;
}

.main .right {

width:25.3%;
height:auto;
float:right;
margin-top:10px;
margin-right:0.5%;
border:1px dashed red;
clear:right;
}

.right .top_ten {

width:93%;
height:45%;
border:1px dashed green;
margin-left:10px;
margin-top:10px;
margin-right:10px;

}

.right .lectures {

width:93%;
height:40%;
margin:20px 10px 10px 10px;
border:1px dashed blue;

}

.right .hot_sessions {
width:93%;
height:40%;
margin:20px 10px 10px 10px;
border:1px dashed green;

}

.left .headline {

width:97.5%;
height:15%;
border:1px dashed blue;
margin:10px 1% 0 1%;

}

.left .lost_news {

width:97.5%;
height:15%;
border:1px dashed red;
margin:10px 1% 0 1%;
}

.left .suggest {

width:97.5%;
height:15%;
border:1px dashed blue;
margin:10px 1% 0 1%;

}

.left .all_sessions {

width:97.5%;
height:auto;
border:1px dashed red;
margin:10px 1% 10px 1%;

}

.tb_boards  table  {

width:100%;
height:100px;
margin-bottom:10px;
}


.tb_boards  tr td table tbody tr td {
width:17%;
display:block;
height:30px;
border:1px dashed green;
text-align:center;
font-size:15px;
padding:10px;
}
.tb_boards  tr td table tbody tr td a {

display:block;
width:100%;
height:30px;
line-height:30px;
text-decoration:none;

}

.tb_boards  tr td table tbody tr td:hover {

background-color:#CDB7B5;
color:white;
}


.footer {

width:85%;
height:15%;
border:1px dashed blue;
float:right;
margin:10px 1% 10px 1%;

}

.footer p {

text-align:center;
font-size:10;
}
